<template>
	<view @click="neilclose">
		<neil-modal :show="neilshow" :showCancel='false' :contentwidth="contentwidth" :top="top" :showconfirm='false'
		 @close="neilclose">
			<view v-if="isCooperate">	
				<!-- 展示合作销售商联系方式 -->
				<view style="color: #1B1E27;height:400upx;display: flex;flex-direction: column;justify-content: center;">	 	
					<view style="text-align: center;font-size: 36upx;font-weight: bold;" >					
						联系方式
					</view>
					<view style="text-align: center;font-size: 36upx;font-weight: bold;">
						{{cooperatePhone}}
					</view>		
					<view style="text-align: center;font-size: 36upx;font-weight: bold;">		
						
						<view @click="callOut(cooperatePhone)">
							<image style="margin-top: 20upx; width:30upx;height:30upx;"  :src="telIco"/>
							立即拨打
						</view>
					</view>		
				</view>
			</view>
			<view v-else>				
				<view class='main' >
					<view class="title">关于我们</view>										
				</view>		
				<view class="uni-flex uni-row">
					<view  style="width:25%;"></view>			
					<image style="flex: 1;height:220upx" mode ="aspectFit" :src="qrcode1"/>	
					<view  style="width:25%;"></view>
				</view>
				
				<view class="uni-flex uni-row">
					<view  style="width:25%;"></view>			
					<view class="tip" style="margin-bottom: 60upx;">小程序/公众号</view>
					<view  style="width:25%;"></view>
				</view>	
						
				<view class="uni-flex uni-row" style="margin-top: 20upx;">
					<view  style="width:25%;"></view>			
					<image style="flex: 1;height:220upx" mode ="aspectFit" :src="qrcode2"/>	
					<view  style="width:25%;"></view>
				</view>		
				<view class="uni-flex uni-row">
					<view  style="width:25%;"></view>			
					<view class="tip" style="margin-bottom: 60upx;">业务联系</view>
					<view  style="width:25%;"></view>
				</view>									
					
				<view style="background: #BBBBBB;padding-top: 10upx;">		
					<view class="uni-flex uni-row" style="justify-content: center;">
						<view  class="about" @click="callOut('18929642352')">业务联系：18929642352</view>
						<view ><image style="padding: 8upx 10upx 0 15upx; width:30upx;height:30upx;float: left;"  :src="telIco"/></view>	
						<view  class="about" @click="callOut('18929642352')">拨打</view>
					</view>
					<view class="uni-flex uni-row" style="justify-content: center;">
						<view  class="about" @click="callOut('075489628272')">客户服务：0754-89628272</view>
						<view ><image style="padding: 8upx 10upx 0 15upx; width:30upx;height:30upx;float: left;"  :src="telIco"/></view>	
						<view  class="about" @click="callOut('075489628272')">拨打</view>
					</view>
					<view class="uni-flex uni-row" style="justify-content: center;">
						<view  class="about" @click="callOut('13318009938')">售后中心： 13318009938</view>
						<view ><image style="padding: 8upx 10upx 0 15upx; width:30upx;height:30upx;float: left;"  :src="telIco"/></view>	
						<view  class="about" @click="callOut('13318009938')">拨打</view>
					</view>
					<view class="uni-flex uni-row" style="justify-content: center;">
						<view  class="about" >QQ:522844723</view>				
					</view>				
				</view>
			</view>
		</neil-modal>
	</view>
</template>

<script>
	import neilModal from '@/components/neil-modal/neil-modal.vue';
	export default {
		components: {neilModal},		
		data() {
			return {	
				qrcode1:"",
				qrcode2:"",
				telIco:"",
				isCooperate:this.GLOBAL.isCooperate,
				cooperatePhone:this.GLOBAL.cooperatePhone,
				neilshow:false,
				contentwidth: "80%",
				top: "50%",				
			};
		},
		watch:{
			neilshow:function(){
				this.isCooperate=this.GLOBAL.isCooperate;
				this.cooperatePhone=this.GLOBAL.cooperatePhone;
			}
		},
		
		methods: {		
			callOut:function(phoneNum){
				uni.makePhoneCall({
				    phoneNumber: phoneNum,					
				});
			},
			
			showAbouts:function(){
				this.neilshow=true;
			},
			neilconfirm: function(item,index) {
				var _this = this;
				_this.$data.cworktype = item.cworktype;								
				_this.workinglist.splice(index,1);   						
				_this.ProcessAdd();				
			},
			neilclose: function() {
				var _this = this;
				_this.$data.neilshow = false;
			},									
		}		
	}
</script>

<style>
	.main{		
		background: #fff;
		margin-bottom: 20upx;
	}
	.title{
		font-weight:bold;
		height:70upx;
		/* margin-bottom: 10upx; */
		background: #1B1E27;
		font-size: 30upx;
		padding-top:20upx ;
		text-align: center;
		color: #CCCCCC;
	}
	.tip{	
		font-weight:bold;
		width:100%;		
		height:24upx;			
		font-size: 24upx;			
		text-align: center;
		color: #001B30;	
	}
	
	.about{
		font-weight:bold;		
		margin-bottom: 20upx;
		height:30upx;			
		font-size: 30upx;			
		text-align: center;
		color: #001B30;
		background: #BBBBBB;
	}
	.uni-flex {
		display: flex;
		flex-direction: row;
		margin-top: 10upx;
	}	
	.uni-row {
		flex-direction: row;
	}	
	.text{
		margin:15upx 10upx;
		padding: 0 20upx;
		background-color: #ebebeb;
		height: 70upx;
		line-height: 70upx;
		text-align: center;
		color: #777;
		font-size: 26upx;
	}
</style>
